Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Stay sharp in low light with Night Sight on Google Pixel 10

Google

Night Sight on Google #Pixel10 keeps you...

  2026/07/08

Is RAM the New Diamond? AI's Wild Side Effect

python

Download your free Python Cheat Sheet he...

  2026/07/08

TypeScript in React - Full Tutorial

react
typescript

Struggling to type React components corr...

  2026/07/08

Create a closed feedback loop: Chrome Devtools for agents (I/O Connect

chrome

Hear from Matthias Rohmer how with DevTo...

  2026/07/07

Life After I/O: Where is the Chrome DevRel team now?

chrome
Google

Google I/O might be over, but the grind ...

  2026/07/07

Agentic Coding in Cursor, the AI-Powered IDE

python

Download your free Python Cheat Sheet he...

  2026/07/07

AI Agents For Beginners – OpenClaw Case Study

study

AI can feel overwhelming, but this hands...

  2026/07/07

Why problem-solving is key for developers

It may sound basic, but problem solving ...

  2026/07/07

Google I/O Connect Berlin with Chrome for Developers

chrome
Google

Experience Google I/O Connect Berlin! De...

  2026/07/06

New quest: Discover DevTools for agents

Google

Navigate Google I/O in first-person mode...

  2026/07/06

urllib vs Requests: Best Way to Download Files

python

Download your free Python Cheat Sheet he...

  2026/07/06

Declarative vs Imperative Prompting for AI Agents

python

Download your free Python Cheat Sheet he...

  2026/07/05

I Let Python Pick My Stocks... Here's the Portfolio It Built

python

I Let Python Pick My Stocks... Here's th...

  2026/07/05

How to Code a "Fireworks" Graphic in 15 Lines of Python!

python

#Programming #Python Fun Fireworks Pytho...

  2026/07/04